<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>home</title>
    <link rel="stylesheet" th:href="@{/static/lib/layui-v2.5.4/css/layui.css}" media="all">
    <script>
        const PATH = "[[${#httpServletRequest.getContextPath()}]]";
    </script>

    <!-- 避免Thymeleaf异常 -->
    <script type="text/javascript" th:inline="javascript"></script>
    <style>
        .layui-bg-black {
            background: #D3DAE6 !important;
        }
    </style>
</head>
<body id="iosiframe">

<div id='head_div'>
    <div class="layui-form layui-form-pane" action="" onsubmit="return false">

        <div class="layui-form-item">

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Metadata</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Labels</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Trace</legend>
            </fieldset>

            <!--<div class="layui-inline">
                <label class="layui-form-label" title="服务器主机名" style="padding: 8px 0;">服务器主机名</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" title="交易结果状态码">交易结果</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input">
                </div>
            </div>
            -->

            <hr class="layui-bg-black">
            <span style="margin-left:30px;font-weight: bold;">key</span>
            <span style="margin-left:45%;">value</span>
            <hr class="layui-bg-black">

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Transaction</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>HTTP</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Host</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Client</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Service</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Process</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>Agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>URL</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

            <fieldset class="layui-elem-field layui-field-title">
                <legend>User agent</legend>
            </fieldset>

        </div>
    </div>
</div>
<!--<div id='body_div'>
</div>-->

<script src="/static/layui/layui.all.js" th:src="@{/static/lib/layui-v2.5.4/layui.all.js}"></script>
<script th:src="@{/static/lib/jquery-3.4.1/jquery-3.4.1.min.js}"></script>
<script>
    let form, layer;
    layui.use(['layer', 'form'], function () {
        form = layui.form, layer = layui.layer;
    });

    $(function () {
        let data = sessionStorage.getItem("param");
        sessionStorage.removeItem("param");
        data = JSON.parse(data);

        /*for (let i in data) {
            if (data.hasOwnProperty(i)) {
                if (data[i] instanceof Object) {
                    console.log(i + '--' + JSON.stringify(data[i]));
                } else {
                    console.log(i + '--' + data[i]);
                }
            }
        }*/

        if (data.span !== undefined && data.span.stacktrace !== undefined && data.span.stacktrace.length > 0) {
            
        }


    })
</script>
<script type="text/javascript" th:inline="none">
    function init() {
        let ua = navigator.userAgent.toLowerCase();
        let screenWidth = window.screen.width;
        if (!/iphone|ipad|ipod/.test(ua)) {
            $("#iosiframe").attr("scrolling", "auto");
        } else {
            $('#iosiframe').width(screenWidth + 'px');
        }

        $("body").css({
            "height": $(window).height() - 15
        });
        $("#body_div").css({
            "height": $("body").height() - $("#head_div").height() - 10
        });
        tableHeight = $("#body_div").height() - 15;
    }

    $(window).resize(function () {
        init();
    });
</script>
</body>
</html>
